@charset "utf-8";

.hiSlider-pages, .hiSlider-title { position: absolute; z-index: 3 }
.hiSlider-btn-prev, .hiSlider-btn-next { position: absolute; z-index: 5; top: 50%; height: 30px; width: 30px; background: url(../images/hislider-arrow.png) no-repeat; margin-top: -15px; text-indent: -200px; overflow: hidden; opacity: .6; filter:alpha(opacity:60)
}
.hiSlider-btn-prev { left: 10px }
.hiSlider-btn-next { right: 10px; background-position: -30px 0 }
.hiSlider-btn-prev:hover, .hiSlider-btn-next:hover { opacity: 1; filter:alpha(opacity:100)
}
.hiSlider-title { bottom: 0; width: 100%; padding: 6px 0; color: #fff; text-indent: 10px; background: rgba(0,0,0,.6); z-index: 2; font-size: 16px;}
.hiSlider-pages { bottom: 10px; right: 10px;display:none; text-align: right }
.hiSlider-pages a { height: 16px; width: 16px; margin:3px 6px 0; display: inline-block; overflow: hidden; text-indent: -100px; font-size: 0; border-radius: 50%; background: #ddd }
.hiSlider-pages a.active { background: #c00 }
#wrap { width: 80%; min-width: 300px; margin: 10px auto 80px; background: #fefefe; }
.hiSlider { overflow: hidden; height:310px; background: #eee; }
.hiSlider-item { float: left; }
.hiSlider-item img{ width:100%}